<template>
  <div id="echartContainer8">
    <swiper :options="swiperOption" class="swiper-container">
      <swiper-slide v-for="(item,index) in companyLogo">
        <img :src="item" alt="">
      </swiper-slide>
    </swiper>
  </div>
</template>

<script>
  import {swiper, swiperSlide} from 'vue-awesome-swiper'

  export default {
    name: '',
    props: {
      companyLogo: {
        default: function () {
          return []
        }
      }
    },
    data() {
      return {
        swiperOption: {
          slidesPerView: 'auto',
          centeredSlides: true,
          spaceBetween: 10,
          loop: true,
          speed: 600, //config参数同swiper4,与官网一致
          autoplay: {
            disableOnInteraction: false, //手动滑动之后不打断播放
            delay: 2000
          },
        }

      }
    },
    components: {
      swiper,
      swiperSlide
    }

  }

</script>

<style scoped lang="scss">
  #echartContainer8 {
    width: 100%;
    height: 100%;

    .swiper-container {
      width: 100%;
      height: 100%;
      padding: 20px;

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        height: 40%;
        width: 35%;

        img {
          width: 100%;
          height: 100%;
        }
      }
    }
  }
</style>
